<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="../js/jquery.js"></script>
<script>
	$(document).ready(function(){
		$("#back").click(function(){
			$("div").animate({
				left:'0px',
				opacity:'1',
				height:'100px',
				width:'100px',
			});
		});
		
		$("#start").click(function(){
			$("div").animate({
				left:'250px',
				opacity:'0.5',
				height:'150px',
				width:'150px'
			});
			
			var div=$("div");
			div.animate({left:'100px'},"slow");
			div.animate({fontSize:'3em'},"slow");
		});
	});
</script>
<title>Animation</title>
</head>
<body>
<button id="back">Back</button>
<button id="start">Start</button>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;">
Animation
</div>
</body>
</html>